body {
  height: 100%;
}


#mainContainer{
	background-color: #ECECEC;
  	background-image: none;
}


#previewContainer{
	width: 50%;
	height: 100%;
	float: left;
}

#actions{
	width: 50%;
	height: 100%;
	float: left;
}

.iframePreview{
	width: 100%;
	height: 810px;
	overflow: none;
}


#toolbarViewer {
  background-color: #364F6F;
  background-image: none;
}

#toolbarSidebar{
  background-color: #364F6F;
  background-image: none;	
}

#findbar {
  background-color: #364F6F;
  background-image: none;
}

#secondaryToolbar {
  background-color: #364F6F;
  background-image: none;
}

#scaleSelectContainer{
  background-color: #364F6F;
  background-image: none;	
}


#sidebarContent{
  background-color: #364F6F;
  background-image: none;	
}

.dropdownToolbarButton > select > option{
  background-color: #364F6F;
  background-image: none;	
}

#documentPropertiesContainer > *{
  background-color: #364F6F;
  background-image: none;
}


.selectedSegment{
	opacity: 0.2;
	background: #ff0;
	box-shadow: 0px 2px 10px #ff0;
}

#dirtyPreview {
	position: relative;
}

.dirtyPreview{
	font-size: 12px;
	width: 98%;
	height: 17px;
	opacity: 0.6;
	background-color: #ff0000;
	box-shadow: 0px 2px 10px 1px #ff0000;
	text-align: center;
	vertical-align: middle;
	color: white; 

	position: absolute;
  	top: 0;
  	left: 0;
  	overflow: hidden;
}

#notificationBar {
  position: relative;
}

.notificationMessage{
	font-size: 12px;
	height: 17px;
	width: 98%;
	opacity: 0.6;
	text-align: center;
	color: white; 
	position: absolute;
  	top: 0;
  	left: 0;
  	overflow: hidden;
}

.success
{
	background-color: #47A447;
	box-shadow: 0px 2px 10px 1px #47A447;
}

.info
{
	background-color: #39B3D7;
	box-shadow: 0px 2px 10px 1px #39B3D7;
}

.warning

{	background-color: #ED9C28;
	box-shadow: 0px 2px 10px 1px #ED9C28;
}

.danger
{
	background-color: #D2322D;
	box-shadow: 0px 2px 10px 1px #D2322D;
}


.welcomeMessageClass
{
	height: 40%;
	width: 100%;
	opacity: 0.6;
	color: #364F6F; 	
	margin: 45% auto;
	font-size: 1.85em;
	text-align: center;
	vertical-align: middle;
}

.stickyNote{
	height: 100px;
	width: 100px;
	background-color: #FCFAC6;
	box-shadow: 0px 2px 10px 1px #FCFAC6;
}

#stickContainer {
	width: 200px;
    height: 100px;
    background-color: #FCFAC6;
    box-shadow: 0px 2px 10px 1px #FCFAC6;
    font-size: 0.75em;
    color: black;
}
.stickTitle {
    width: 100%;
    height: 20%;
}

.stickContent {
    width: 100%;
    height: 45%;
    background-color: #FCFAC6;
    padding-left: 5px;
    padding-right: 5px;      
}
  
.stickButtons {
    width: 100%;
    height: 35%;
    padding-left: 5px;
    padding-top: 2px;
}


.form-control {
    height: 100%;
}
